<!--
 * @Description:
 *
 * @Date: 2021-03-01 17:50:54
-->

<template>
	<div id="app" class="cloumn">
    <!--container-fluid-->
		<navbar style="flex-shrink: 0;"/>
		<app-main />
<!--		<footers style="flex-shrink: 0;"/>-->
	</div>
</template>

<script>
import { Navbar, AppMain, Footers } from '@/layout/components'
import globalDict from '@/config/config.dict.js'
export default {
	name: 'App',
	provide: { globalDict },
	components: {
		Navbar,
		Footers,
		AppMain
	},
	created() {
	},
	methods: {

	}
}
</script>

<style>
/* #app {
	overflow-x: hidden;
	height: 100vh;
} */
.cloumn {
	display: flex;
	flex-direction: column;
	height: 100vh;
	padding: 0;
	overflow: hidden;
}
</style>


